<template>
  <!-- form section start -->
  <section class="w3l-hotair-form">
    <h1>{{globalTitle}}</h1>
    <div class="container">
      <!-- /form -->
      <div class="workinghny-form-grid">
        <div class="main-hotair">
          <div class="content-wthree">
            <h2>注册</h2>
              <input v-model="form.username" type="text" class="text" name="text" placeholder="请输入用户名" autofocus>
              <input v-model="form.password" type="password" class="password" name="password" placeholder="请输入密码" autofocus>
              <input v-model="form.password2" type="password" class="password" name="password" placeholder="请再次输入密码" autofocus>
              <button class="btn" type="submit" @click="handleRegister">立即注册</button>

            <p class="account">已有帐号？<a @click="toLogin">去登陆</a></p>
          </div>
          <div class="w3l_form align-self">
            <div class="left_grid_info">
              <img src="./images/1.png" alt="" class="img-fluid">
            </div>
          </div>
        </div>
      </div>
      <!-- //form -->
    </div>
    <!-- copyright-->
    <div class="copyright text-center">
      <p class="copy-footer-29">© 2024 Report {{globalTitle}}. All rights reserved</p>
    </div>
    <!-- //copyright-->
  </section>
  <!-- //form section start -->
</template>

<script setup lang="ts">
import { useRegisterFunctions } from '/@/components/hzsystem/LoginPublicFuncation';

const { form, globalTitle, handleRegister, toLogin } = useRegisterFunctions();

</script>


<style scoped lang="css">
@import './css/style.css';
</style>